<template>
    <div class="sm-grid-columns">
        <div class="sm-grid-columns-left">
            <slot name="left"></slot>
        </div>
        <div class="sm-grid-columns-right">
            <slot name="right"></slot>
        </div>
    </div>
</template>
<style lang="less" scoped>
.sm-grid-columns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    .sm-grid-columns-left {
        width: 50%;
        padding-left: 0.4rem;
        margin-right: 0.2rem;
    }

    .sm-grid-columns-right {
        width: 50%;
        padding-right: 0.4rem;
    }
}
</style>